<template>
用户账号:
<input type="text" v-model="UserName">
<br>
用户密码:
<input type="password" v-model="UserPwd">
<br>
<input type="button" value="登陆" @click="fun" style="border: 1px;">
</template>
<script setup lang="ts">
import {ref} from "vue"
const UserName=ref('')

const UserPwd=ref('')
function fun(){
    if(UserName.value=='')
{
    alert("用户名不能为空")
    return ;
}
if(UserPwd.value=='')
{
    alert("密码不能为空")
    return ;
}
    alert('用户名:'+UserName.value+'密码:'+UserPwd.value)
}

</script>